<script>
export default {
  name: "五四人物"
}
</script>

<template>
  <div class="aa">
    <h1 class="person">五四风云人物—领导者篇</h1><br><br>
    <div class="content">
      <div class="shell">
        <img src="@/assets/people/16.webp" alt="" class="cover">
        <div class="head">
          <div class="data">
            <div class="tiltle1">
              <a href="https://baike.baidu.com/item/%E9%99%88%E7%8B%AC%E7%A7%80/114833" target="_blank">陈独秀</a>
            </div>
            <div class="tiltle2">1879——1942</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">安徽怀宁人</span>
            <span class="tag">字仲甫</span>
          </div>
          <div class="introduce">
            <p>
              中国的五四运动在俄国十月革命影响下发生。陈独秀指出：十月革命以后，“中国人也受了两个教训：一是无论南北，凡军阀都不应当存在；一是人民有直接行动的希望。五四运动遂应运而生”。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/17.webp" alt="" class="cover">
        <div class="head">
          <div class="data">
            <div class="tiltle1">
              <a href="https://baike.baidu.com/item/%E6%9D%8E%E5%A4%A7%E9%92%8A/115618" target="_blank">李大钊</a>
            </div>
            <div class="tiltle2">1889——1927</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">河北乐亭人</span>
            <span class="tag">字守常</span>
          </div>
          <div class="introduce">
            <p>
              1919年五四运动后，他更加致力于马克思主义的宣传，在《新青年》上发表《我的马克思主义观》，系统介绍马克思主义理论，在当时思想界产生重大影响，标志着马克思主义在中国进入比较系统的传播阶段。李大钊同志发表《再论问题与主义》等文章，通过批驳反马克思主义思潮，论证马克思主义符合中国需要的深刻道理。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/18.webp" alt="" class="cover">
        <div class="head">
          <div class="data">
            <div class="tiltle1">
              <a href="https://baike.baidu.com/item/%E6%9E%97%E9%95%BF%E6%B0%91/9280423" target="_blank">林长民</a>
            </div>
            <div class="tiltle2">1876——1925</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">福建闽侯人</span>
            <span class="tag">字宗孟</span>
          </div>
          <div class="introduce">
            <p>
              林长民任徐世昌总统顾问，极力反对段祺瑞内阁的亲日外交，主张拒绝在巴黎和约上签字，揭露丧权辱国的外交政策，引发轰轰烈烈的“五四”爱国运动。“五四”运动后，林长民被推为出席世界国联总会的中国首席代表。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/19.webp" alt="" class="cover">
        <div class="head">
          <div class="data">
            <div class="tiltle1">
              <a href="https://baike.baidu.com/item/%E8%94%A1%E5%85%83%E5%9F%B9/119206" target="_blank">蔡元培</a>
            </div>
            <div class="tiltle2">1868——1940</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">浙江绍兴人</span>
            <span class="tag">字鹤卿</span>

          </div>
          <div class="introduce">
            <p>
              教育家、革命家、政治家，民主进步人士，国民党中央执委、中华民国国民政府委员兼监察院院长、中华民国首任教育总长，国民党四大元老之一。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/20.webp" alt="" class="cover">
        <div class="head">
          <div class="data">
            <div class="tiltle1">
              <a href="https://baike.baidu.com/item/%E8%83%A1%E9%80%82/119246" target="_blank">胡适</a>
            </div>
            <div class="tiltle2">1891——1962</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">安徽绩溪人</span>
            <span class="tag">字适之</span>

          </div>
          <div class="introduce">
            <p>
              五四运动爆发。新文化运动也因政治的助力，迅速发展到全国各地，汇集成了全国规模的伟大文化革命的洪流。胡适和陈独秀大力倡导五四运动，二人成为五四运动的代表人物。胡适在“五四”新文化运动中，是革命统一战线中的一员，但相比较于李大钊、陈独秀，他较为温和，不怎么坚决武断
              。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/22.webp" alt="" class="cover">
        <div class="head">
          <div class="data">
            <div class="tiltle1">
              <a href="https://baike.baidu.com/item/%E9%B2%81%E8%BF%85/36231" target="_blank">鲁迅</a>
            </div>
            <div class="tiltle2">1881——1936</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">浙江绍兴人</span>
            <span class="tag">字豫才</span>

          </div>
          <div class="introduce">
            <p>
              中国现代文学的奠基人之一，以其尖锐批判传统社会的现实主义作品影响深远。虽未直接参与五四抗议，但其作品体现了五四运动的反传统精神，倡导文学改革和文化自由，成为左翼文化运动领袖。
            </p>
          </div>
        </div>
      </div>

    </div>

    <br><br><br><br><hr><br>

    <h1 class="person">五四风云人物—学生代表篇</h1><br><br>
    <div class="content">
      <div class="shell">
        <img src="@/assets/people/1.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E6%96%B9%E8%B1%AA/7086062" target="_blank">方豪</a>
            </div>
            <div class="tiltle4">1894——1955</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">浙江金华人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              《北京学界全体宣言》起草人。倡导新文化运动、白话文运动。五四后留学海外，后来担任过国立中央大学校长、清华大学校长（1928年9月18日就职）。逝世于台北。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/2.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E7%BD%97%E5%AE%B6%E4%BC%A6/2364975" target="_blank">罗家伦</a>
            </div>
            <div class="tiltle4">1897——1969</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">浙江金华人</span>
            <span class="tag">字志希</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              五四运动的核心学生领袖之一，北京大学法科学生。他在1919年五四运动期间，通过组织学生集会和示威，成为推动这场反帝反封建的运动的关键人物。罗家伦倡导教育改革与民主法治，强调文化自觉与国家现代化的紧密联系。五四运动后，他继续在教育和法学领域发挥影响，成为中国法学教育的重要推动者和改革者。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/3.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E6%AE%B5%E9%94%A1%E6%9C%8B?fromModule=lemma_search-box" target="_blank">段锡朋</a>
            </div>
            <div class="tiltle4">1896——1948</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江西永新人</span>
            <span class="tag">字书贻</span>
          </div>
          <div class="introduce">
            <p>
              北京大学哲学系学生，他活跃于抗议活动，主张通过教育和文化自觉实现国家现代化。五四运动后，段锡朋致力于教育事业，推广科学和民主思想，对中国现代教育有深远影响。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/4.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E7%8E%8B%E8%87%AA%E6%B2%BB?fromModule=lemma_search-box" target="_blank">王自治</a>
            </div>
            <div class="tiltle4">1889——1965</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">甘肃正宁人</span>
            <span class="tag">字立轩</span>
            <span class="tag">北京大学学生</span>

          </div>
          <div class="introduce">
            <p>
              五四运动的关键学生领袖之一，北京大学学生。他在运动中发挥领导作用，积极倡导反帝反封建立场。王自治后继续参与政治活动，支持国民革命，并在国民政府中担任要职，推动社会和法律改革。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/5.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E5%BC%A0%E5%9B%BD%E7%84%98?fromModule=lemma_search-box" target="_blank">张国焘</a>
            </div>
            <div class="tiltle4">1897——1979</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江西萍乡人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              北京学生联合会讲演部部长。后参与创建中国共产党，是中国共产党第一次全国代表大会代表。后来在长征中另立“中央”，并通缉毛泽东、张闻天、周恩来等人，全民族抗战爆发后，借机出逃投靠蒋介石加入国民党的特务组织，从事反共活动。最后逝世于加拿大。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/6.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E5%82%85%E6%96%AF%E5%B9%B4/119322" target="_blank">傅斯年</a>
            </div>
            <div class="tiltle4">1896——1950</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">山东聊城人</span>
            <span class="tag">字孟真</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              五四游行总指挥。五四后游学柏林、伦敦等地。归国后致力于学术研究，创立中央研究院历史语言研究所。并曾任台湾大学校长。逝世于台北。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/7.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E9%82%93%E4%B8%AD%E5%A4%8F?fromModule=lemma_search-box" target="_blank">邓中夏</a>
            </div>
            <div class="tiltle4">1894——1933</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">湖南宜章人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              北京学生联合会总务干事，参与火烧赵家楼行动。是中国共产党创始人之一，长期担任中共高级领导人。被中国国民党逮捕后杀害于南京。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/8.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E8%AE%B8%E5%BE%B7%E7%8F%A9/3489304" target="_blank">许德珩</a>
            </div>
            <div class="tiltle4">1890——1990</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江西九江人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              著名爱国人士、政治活动家、教育家、学者，九三学社创始人和杰出领导者。<br>
              中华人民共和国成立后，曾任水产部长、全国政协副主席、全国人大常委会副委员长。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/9.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E7%BD%97%E7%AB%A0%E9%BE%99?fromModule=lemma_search-box" target="_blank">罗章龙</a>
            </div>
            <div class="tiltle4">1896——1995</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">湖南浏阳人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              五四运动的活跃学生领袖之一，北京大学法学院学生。他在运动中因其出色的组织能力和演讲才能而脱颖而出，领导了多场重要的抗议活动。罗章龙倡导教育改革和国家现代化，强调民主与科学的重要性。五四运动后，他继续投身政治和社会活动，最终因参与反对军阀统治的活动而牺牲。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/10.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E9%AB%98%E5%90%9B%E5%AE%87/115814?fromModule=disambiguation" target="_blank">高君宇</a>
            </div>
            <div class="tiltle4">1896——1925</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">山西静乐人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              参加领导了五四爱国运动，带领学生上街游行，火烧赵家楼，痛打章宗祥，组织各校罢课，发表革命文章。后成为中国共产党高级领导人。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/11.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E7%BD%97%E9%9A%86%E5%9F%BA?fromModule=lemma_search-box" target="_blank">罗隆基</a>
            </div>
            <div class="tiltle4">1896——1965</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江西安福人</span>
            <span class="tag">清华大学学生</span>
          </div>
          <div class="introduce">
            <p>
              五四运动的主要学生领袖之一，北京大学学生。他在运动中通过组织示威和宣传，推动了反帝反封建的学生运动。罗隆基的活动突显了民族意识和文化自觉的重要性。五四运动后，他继续在教育和文化领域发挥影响，致力于推广科学教育和民主思想。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/12.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E7%8E%8B%E9%80%A0%E6%97%B6/9727314" target="_blank">王造时</a>
            </div>
            <div class="tiltle4">1903——1971</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江西安福人</span>
            <span class="tag">清华大学学生</span>
          </div>
          <div class="introduce">
            <p>
              清华学校学生评议会主席（清华学运的领导机构），清华学校学生代表团成员，清华大学第一任学生会会长。曾经两次被捕（一次是在东安市场散发传单，一次是去向军阀政府请愿）。 </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/13.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E9%97%BB%E4%B8%80%E5%A4%9A/148101" target="_blank">闻一多</a>
            </div>
            <div class="tiltle4">1899——1946</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">湖北蕲水人</span>
            <span class="tag">清华大学学生</span>
          </div>
          <div class="introduce">
            <p>
              全国学生联合会清华大学代表。后为诗人，学者，曾任西南联大教授。在昆明发表完演讲之后回家途中遭特务暗杀，身亡。 </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/14.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E7%9E%BF%E7%A7%8B%E7%99%BD?fromModule=lemma_search-box" target="_blank">瞿秋白</a>
            </div>
            <div class="tiltle4">1899——1935</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江苏常州人</span>
            <span class="tag">北京大学学生</span>
          </div>
          <div class="introduce">
            <p>
              1919年参加五四运动，6月3日上街演讲被捕，6月8日获释。8月23日与各地学生代表集聚新华门抗议“马良祸鲁”被警察厅逮捕，8月30日警察厅释放了全部请愿代表。五四运动后，加入李大钊、张嵩年发起的马克思主义研究会。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/15.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E9%83%91%E6%8C%AF%E9%93%8E/473098" target="_blank">郑振铎</a>
            </div>
            <div class="tiltle4">1898——1958</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">浙江永嘉人</span>
            <span class="tag">北京铁道管理学校学生</span>
          </div>
          <div class="introduce">
            <p>
              1919年5月，作为学生代表，参加“五四”爱国运动，并被选为福建学生抗日联合会领导人；6月，与陈仲陶等人发起组织救国演讲周刊社，创办《救国演讲周刊》；7月，与永嘉各校爱国知识分子组织新学会；8月，新学会会刊《新学报》创刊，任编辑；11月，与瞿秋白等人创办《新社会》旬刊，探讨社会改革并开始从事文学活动。
            </p>
          </div>
        </div>
      </div>
      <div class="shell">
        <img src="@/assets/people/21.webp" alt="" class="cover">
        <div class="head1">
          <div class="data">
            <div class="tiltle3">
              <a href="https://baike.baidu.com/item/%E6%B2%88%E9%92%A7%E5%84%92/8693409" target="_blank">沈钧儒</a>
            </div>
            <div class="tiltle4">1896——1969</div>
          </div>
        </div>
        <div class="foot">
          <div class="tags">
            <span class="tag">江苏苏州人</span>
            <span class="tag">日本法政大学学生</span>
          </div>
          <div class="introduce">
            <p>
              1912年加入中国同盟会。五四运动期间，撰文提倡新道德、新文化。曾任国会议员、广东军政府总检察厅检察长、上海法科大学教务长。1936年，他与宋庆龄等发起并组织了全国各界救国联合会，积极开展抗日救亡运动，触怒当局而遭入狱，为著名的救国会“七君子”领头人。之后，他为反对内战争取和平，建立和扩大爱国统一战线作出了很大贡献，是中国民主同盟的创始人之一。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<style scoped>
.aa {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: rgba(255, 255, 220, 0.8);
}

a {
  color: inherit; /* 保持链接颜色与文本一致 */
  text-decoration: none ; /* 去掉下划线 */
}

.content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
  margin-left: 5%;
  margin-right: 5%;
  align-items: stretch; 
}

.shell {
  text-align: left;
  width: 45%;
  height: 600px;
  margin: 20px 0;
  background: #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box; 
  transition: transform 0.3s ease; /* 设置变换过程的时长和动画效果 */
  z-index: 1; /* 新增：设置z-index */
}

.shell:not(:nth-child(2n)) {
  margin-right: calc(10% / 2);
}

.shell:hover {
  transform: scale(1.05); /* 悬停时放大效果，增加活泼感 */
}

a:hover {
  color: rgba(255, 0, 0);
  font-weight:bolder;
}

.head {
  text-align: unset;
  height: 300px;
  position: relative;
  overflow: hidden;
  z-index: 1; /* 新增：设置z-index */
}

.head::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("@/assets/back/1.webp");
  background-size: cover;
  z-index: -1;
  transform: skewY(-4deg);
  transform-origin: 0 0;
}

.head1 {
  text-align: unset;
  height: 300px;
  position: relative;
  overflow: hidden;
  z-index: 1; /* 新增：设置z-index */
}

.head1::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("@/assets/back/01.jpg");
  background-size: cover;
  z-index: -1;
  transform: skewY(-4deg);
  transform-origin: 0 0;
}

.cover {
  position: absolute;
  top: 50px;
  left: 25px;
  width: 150px;
  height: 200px;
  z-index: 2;
  border-radius: 10px;
  border: 2px #fff solid;
  box-shadow: 0 5px 10px #00000065;
  margin-right: 20px;
}

.data {
  padding: 100px 0 0 250px;
  text-shadow: 0 0 20px #000;
  height: auto
}

.data .tiltle1 {
  color:rgba(255, 255, 255, 0.873);
  font-family: '宋体' !important;
  font-size: 70px !important;
  font: 900 50px '';
  margin-bottom: 10px;
  position: relative;
}

.data .tiltle2 {
  color: rgba(211, 211, 211, 0.812);
  font: 500 50px '';
  font-family: 'Times new roman';
  font-weight: bold;
  position: absolute;
  top: 175px;
  left: 225px;
  z-index: 3; /* 新增：设置z-index */
  text-align: left;
}

.data .tiltle3 {
  color:   rgb(255, 255, 255);
  font-size: 70px !important;
  font-family: '宋体'!important;
  font: 900 50px '';
  margin-bottom: 10px;
  position: relative;
}

.data .tiltle4 {
  color: rgba(211, 211, 211);
  font: 500 50px '';
  font-family: 'Times new roman' !important;
  font-weight: bold;
  position: absolute;
  top: 185px;
  left: 225px;
  z-index: 3; /* 新增：设置z-index */
  text-align: left;
}

.foot {
  line-height: 20px;
  color: #444;
  z-index: 3; /* 新增：设置z-index */
  padding-top: 10px;
}

.tags {
  padding-left: 30px;
  padding-top: 10px;
  width: auto;
  float: left;
  text-align: center;
}

.tag {
  background: rgb(162, 32, 42);
  color: #fff;
  border-radius: 10px;
  padding: 3px 8px;
  font-size: 30px;
  margin-right: 4px;
  line-height: 35px;
  cursor: pointer;
}

.tag:hover {
  background: rgb(211, 50, 60);
  color: yellow;
}

.introduce {
  padding: 20px 0 0 20px;
  width: 90%;
  font-size: 25px;
  float: left;
  z-index: 3; /* 新增：设置z-index */
  margin-top: 0px; /* 新增：设置margin-top */
}

.person {
  font-family: '华文新魏', 'Times New Roman', serif;
  font-size: 80px; 
  margin-top: 20px;
  color: rgba(255, 0, 13, 0.759); /* 深蓝色，增加严谨和学术感 */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* 轻微的阴影效果，增加艺术感 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2)); /* 渐变背景 */
  padding: 20px; /* 内边距增加宽度 */
  border-radius: 10px; /* 圆角 */
  display: inline-block; /* 使背景和内容紧密包裹 */
  border: 2px solid rgba(255, 0, 13, 0.759); /* 边框，与字体颜色一致 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 轻微的盒阴影，增加立体感 */
}



/* .leader {
  font-family: '华文新魏';
  padding-top: 50px;
  margin-bottom: 50px;
  font-size: 80px; 
  color: rgba(255, 0, 13, 0.759);
} */

.introduce p {
  font-size: 30px; /* 调整p标签中文字体大小 */
  line-height: 1.1; /* 设置行高 */
}

</style>
